<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>应用案例</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/applications.css">
</head>

<body>
    <div class="home">


        <div class="cursor">
            <div class="more">
                <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
                    <g filter="url(#filter0_b_1206_3700)">
                        <circle cx="100" cy="100" r="100" fill="white" fill-opacity="0.6"></circle>
                        <circle cx="100" cy="100" r="99.5" stroke="white"></circle>
                    </g>
                    <defs>
                        <filter id="filter0_b_1206_3700" x="-20" y="-20" width="240" height="240" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                            <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
                            <feGaussianBlur in="BackgroundImageFix" stdDeviation="10"></feGaussianBlur>
                            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_1206_3700"></feComposite>
                            <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_1206_3700" result="shape"></feBlend>
                        </filter>
                    </defs>
                </svg>
                <p>查看更多</p>
            </div>
        </div>


        <div class="header animated fadeInUp">
            <div class="box">
                <a href="./index.html" class="logo">
                    <img src="./images/logo.svg" alt="">
                </a>
                <div class="links">
                    <div class="item">
                        <a href="./index.html">首页</a>
                    </div>
                    <div class="item">
                        <a href="./about.html">关于我们</a>
                    </div>
                    <div class="item">
                        <a href="./advantages.html">竞争优势</a>
                    </div>
                    <div class="item">
                        <a href="./products.html">产品中心</a>
                    </div>
                    <div class="item">
                        <a href="./applications.html" class="active">应用案例</a>
                    </div>
                    <div class="item">
                        <a href="./news.html">新闻中心</a>
                    </div>
                    <div class="item">
                        <a href="./contact.html" >联系我们</a>
                    </div>
                    <div class="item">
                        <a href="./download.html">资料下载</a>
                    </div>
                </div>
                <div class="lan">
                    <div class="l1">
                        <p>CN</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="9" viewBox="0 0 14 9" fill="none">
                            <path d="M12.5954 1.2985L6.96387 6.93001L1.33236 1.2985" stroke="black"
                                stroke-width="2.4" />
                        </svg>
                    </div>
                    <a href="">
                        ENGLISH
                    </a>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo.svg" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="lan">
                <a href="">EN</a>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">关于我们</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./advantages.html">竞争优势</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">产品中心</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./applications.html">应用案例</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">新闻中心</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">联系我们</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./download.html">资料下载</a>
                </div>
            </div>
        </div>




        <div class="container">
            <div class="banner">
                <div class="bg">
                    <img src="./images/app.png" alt="">
                </div>
                <div class="text">
                    <div class="p1 wow fadeInUp">
                        <p>应用案例</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
                            <path d="M9.59707 0L0 20H11.4054L21 0H9.59707Z" fill="#0060B0" />
                        </svg>
                    </div>
                    <div class="p2 wow fadeInUp">
                        Application cases
                    </div>
                </div>
            </div>

            <div class="main">
                <img src="./images/txt.png" alt="" class="txt">
                <div class="section1">
                    <div class="side wow fadeInUp animated">
                        <a href="contact.html" class="more">
                            <p>联系我们</p>
                            <img src="./images/jt.png" alt="">
                        </a>
                    </div>
                    <div class="r">
                        <div class="matter wow fadeInUp animated">
                            <div class="message">
                                <div class="eng">E-commerce</div>
                                <h1>电商</h1>
                                <div class="text">
                                    主要应用于托盘输送机，最高可驱动1<br>
                                    500KG负载，设计和安装驱动托盘输送机<br>
                                    更为容易。 高效主要应用于托盘输送机，<br>
                                    最高可驱动1500KG负载，设计和安装驱动<br>
                                    托盘输送机更为容易。 高效的...
                                </div>
                            </div>
                            <a href="cInfo.html" class="images">
                                <img src="./images/app_1.png" alt="">
                            </a>
                        </div>
                        <div class="matter wow fadeInUp animated">
                            <div class="message">
                                <div class="eng">E-commerce</div>
                                <h1>机场</h1>
                                <div class="text">
                                    主要应用于托盘输送机，最高可驱动1<br>
                                    500KG负载，设计和安装驱动托盘输送机<br>
                                    更为容易。 高效主要应用于托盘输送机，<br>
                                    最高可驱动1500KG负载，设计和安装驱动<br>
                                    托盘输送机更为容易。 高效的...
                                </div>
                            </div>
                            <a href="cInfo.html" class="images">
                                <img src="./images/app_2.png" alt="">
                            </a>
                        </div>
                        <div class="matter wow fadeInUp animated">
                            <div class="message">
                                <div class="eng">E-commerce</div>
                                <h1>医疗</h1>
                                <div class="text">
                                    主要应用于托盘输送机，最高可驱动1<br>
                                    500KG负载，设计和安装驱动托盘输送机<br>
                                    更为容易。 高效主要应用于托盘输送机，<br>
                                    最高可驱动1500KG负载，设计和安装驱动<br>
                                    托盘输送机更为容易。 高效的...
                                </div>
                            </div>
                            <a href="cInfo.html" class="images on">
                                <img src="./images/app_3.png" alt="">
                            </a>
                        </div>
                        <div class="matter wow fadeInUp animated">
                            <div class="message">
                                <div class="eng">E-commerce</div>
                                <h1>智能制造</h1>
                                <div class="text">
                                    主要应用于托盘输送机，最高可驱动1<br>
                                    500KG负载，设计和安装驱动托盘输送机<br>
                                    更为容易。 高效主要应用于托盘输送机，<br>
                                    最高可驱动1500KG负载，设计和安装驱动<br>
                                    托盘输送机更为容易。 高效的...
                                </div>
                            </div>
                            <a href="cInfo.html" class="images">
                                <img src="./images/app_4.png" alt="">
                            </a>
                        </div>
                        <div class="matter wow fadeInUp animated">
                            <div class="message">
                                <div class="eng">E-commerce</div>
                                <h1>新能源</h1>
                                <div class="text">
                                    主要应用于托盘输送机，最高可驱动1<br>
                                    500KG负载，设计和安装驱动托盘输送机<br>
                                    更为容易。 高效主要应用于托盘输送机，<br>
                                    最高可驱动1500KG负载，设计和安装驱动<br>
                                    托盘输送机更为容易。 高效的...
                                </div>
                            </div>
                            <a href="cInfo.html" class="images">
                                <img src="./images/app_5.png" alt="">
                            </a>
                        </div>
                        <div class="matter wow fadeInUp animated">
                            <div class="message">
                                <div class="eng">E-commerce</div>
                                <h1>服装</h1>
                                <div class="text">
                                    主要应用于托盘输送机，最高可驱动1<br>
                                    500KG负载，设计和安装驱动托盘输送机<br>
                                    更为容易。 高效主要应用于托盘输送机，<br>
                                    最高可驱动1500KG负载，设计和安装驱动<br>
                                    托盘输送机更为容易。 高效的...
                                </div>
                            </div>
                            <a href="cInfo.html" class="images">
                                <img src="./images/app_6.png" alt="">
                            </a>
                        </div>
                        <div class="matter wow fadeInUp animated">
                            <div class="message">
                                <div class="eng">E-commerce</div>
                                <h1>物流</h1>
                                <div class="text">
                                    主要应用于托盘输送机，最高可驱动1<br>
                                    500KG负载，设计和安装驱动托盘输送机<br>
                                    更为容易。 高效主要应用于托盘输送机，<br>
                                    最高可驱动1500KG负载，设计和安装驱动<br>
                                    托盘输送机更为容易。 高效的...
                                </div>
                            </div>
                            <a href="cInfo.html" class="images">
                                <img src="./images/app_7.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="foot">
            <div class="line">
                <div class="l1"></div>
                <div class="l2"></div>
            </div>
            <div class="dom1">
                <div class="links">
                    <div class="item">
                        <p>关于我们</p>
                        <div class="aList">
                            <a href="">公司简介</a>
                            <a href="">发展历程</a>
                            <a href="">获得成就</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>产品中心</p>
                        <div class="aList">
                            <a href="">滚筒电机</a>
                            <a href="">输送线系列</a>
                            <a href="">皮带仙系列</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>新闻中心</p>
                        <div class="aList">
                            <a href="">企业新闻</a>
                            <a href="">通知公告</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>主要服务</p>
                        <div class="aList">
                            <a href="">电商</a>
                            <a href="">机场</a>
                            <a href="">医疗</a>
                            <a href="">工厂</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>联系我们</p>
                        <div class="aList">
                            <a href="">联系我们</a>
                        </div>
                    </div>
                </div>
                <div class="info">
                    <div class="des">
                        苏州市兆威工业科技有限公司<br>
                        江苏省苏州市高新区嘉陵江路333号
                    </div>
                    <div class="des">
                        Suzhou Zhaowei industrial Science & Technology Co.,Ltd
                        333 Jiulingjiang Road, Suzhou New District, Suzhou City, jiangsu Province
                    </div>
                    <div class="des">
                        邮箱/Email: cn.sales@szzhaowei.net
                    </div>
                </div>
                <div class="codes">
                    <div class="phone">400-0082-880</div>
                    <div class="icons">
                        <div class="i">
                            <div class="pic">
                                <img src="./images/fcode1.png" alt="">
                            </div>
                            <p>微信公众号</p>
                        </div>
                        <div class="i">
                            <div class="pic">
                                <img src="./images/fcode2.png" alt="">
                            </div>
                            <p>联系我们</p>
                        </div>
                        <div class="i">
                            <div class="pic">
                                <img src="./images/fcode3.png" alt="">
                            </div>
                            <p>抖音号</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="l">
                    <a href="">
                        沪公网安备 31010502005189号
                    </a>
                    <a href="">
                        沪ICP备15033725号
                    </a>
                    <p>2024 Interroll Group</p>
                </div>
                <div class="r">
                    <a href="">
                        法律声明和条款
                    </a>
                    <a href="">
                        使用条款和隐私
                    </a>
                </div>
            </div>
        </div>




    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script src="https://webapi.amap.com/maps?v=2.0&key=40a7cdc93577084ae7fa5ac736351276"></script>
</body>
<script>


    new WOW().init();

    $('.home .container .main .section1 .r .matter .images').hover(function () {
        $('.cursor').addClass('on')
    },function () {
        $('.cursor').removeClass('on')
    })

    !function () {
        let d = document.querySelector(".cursor"),
            speed = document.querySelector('.cursor').getAttribute('data-speed')
        if (speed === null) {
            speed = 0.9
        }else {
            speed = speed / 10
        }
        function S() {
            d && function (e) {
                gsap.set(e, {
                    xPercent: -50,
                    yPercent: -50
                });
                let t = e,
                    r = {
                        x: window.innerWidth / 2,
                        y: window.innerHeight / 2
                    },
                    o = {
                        x: r.x,
                        y: r.y
                    },
                    a = gsap.quickSetter(t, "x", "px"),
                    n = gsap.quickSetter(t, "y", "px");
                document.body.addEventListener("mousemove", e => {
                    o.x = e.x, o.y = e.y
                }), gsap.ticker.add(() => {
                    const e = 1 - Math.pow(speed, gsap.ticker.deltaRatio());
                    r.x += (o.x - r.x) * e, r.y += (o.y - r.y) * e, a(r.x), n(r.y)
                })
            }(d)
        }
        window.addEventListener("DOMContentLoaded", () => {
            S();
        })
    }();
</script>
</html>